<div class="modal-header">
  <div class="modal-title">查看详情</div>
</div>

<nz-spin *ngIf="loading; else isLoaed" class="modal-spin"></nz-spin>
<ng-template #isLoaed>
  <div class="user-desc mb-lg">
    <div class="user-desc__title">基本信息</div>
    <sv-container class="user-desc__content">
      <!-- <sv col="1" label="用户头像">
        <nz-avatar nzShape="square" nzSize="large" nzIcon="user" [nzSrc]="detail.face"></nz-avatar>
      </sv> -->
      <sv label="用户编号">{{ detail.objectId }}</sv>
      <sv label="创建时间">{{ detail.updatedAt | date }}</sv>
      <sv label="真实姓名">{{ detail.realname }}</sv>
      <sv label="性别">{{ detail.gender }}</sv>
      <sv label="出生日期">{{ detail.birthdate | date }}</sv>
      <sv label="手机号码">{{ detail.mobile }}</sv>
      <sv label="邮箱">{{ detail.email }}</sv>
    </sv-container>
  </div>
  <div class="user-desc">
    <div class="user-desc__title">工作信息</div>
    <sv-container>
      <sv label="单位名称">{{ detail.companyName }}</sv>
      <sv label="职位">{{ detail.job }}</sv>
      <sv label="专业领域">
        <nz-tag *ngFor="let tag of professionTags" nzColor="#19be6b" class="mr-sm">{{ tag }}</nz-tag>
      </sv>
      <sv label="所在省市">
        <span *ngIf="detail.province && detail.city && detail.area">
          {{ detail.province }}/{{ detail.city }}/{{ detail.area }}
        </span>
      </sv>
      <sv *ngIf="detail.isGraduate" label="工作时间">{{ detail.workTime | date }}</sv>
      <sv label="是否毕业">{{ detail.isGraduate | getGraduate }}</sv>
    </sv-container>
  </div>
</ng-template>
